<template>
    <ul>
        <li v-for="( item, index ) in items" :key="index">
            <slot :item="item" :index="index" :message="item.message"></slot>
            <slot name="other" :item="item" :index="index" :message="item.message"></slot>
        </li>
    </ul>
</template>

<script>
    import {defineComponent} from 'vue'

    export default defineComponent({
        data() {
            return {
                items: [{message: 'Feed a cat'}, {message: 'Buy milk'}]
            }
        },
    })
</script>

<style scoped>

</style>